@import "defateColor.less";
a{text-decoration: none;}
.theme-popover-mask{z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;background-size:100% 100%;display: block;}
.di{display: inline-block}
.pos{position: absolute;}
.tc{ text-align:center;}
.fb{font-weight: bold;}
.pr{position:relative}
.oh{overflow: hidden;}
.m0a{margin: 0 auto;}
.dk{display: block;}
.cler{.dk;clear:both;content:"";}
.dn{display: none;}
.wp100{width:100%;}
.op0{opacity: 0;}
.op1{opacity: 1;}
.fr{float:right}
.fl{float:left}
.cor1{color:#FFFFFF;}
.cor0{color:#000000;}
.cor3{color:#333333;}
.cor6{color:#666666;}
.cor9{color:#999999;}
.cor10{color:@cor10;}
.cor11{color:@cor11;}
.bag1{background:#FFFFFF;}
.b0{border: 0;}
.w(@num){width: @num+0upx;}
.h(@num){height: @num+0upx;}
.wh(@num1,@num2){width:@num1+0upx;height: @num2+0upx;}
.lh(@num1,@num2){height: @num1+0upx;line-height: @num2+0upx;}
.f(@num){font-size: @num+0upx;}
.mt(@num){margin-top: @num+0upx;}
.mb(@num){margin-bottom: @num+0upx;}
.ml(@num){margin-left: @num+0upx;}
.mr(@num){margin-right: @num+0upx;}
.pt(@num){padding-top: @num+0upx;}
.pb(@num){padding-bottom: @num+0upx;}
.pl(@num){padding-left: @num+0upx;}
.pr(@num){padding-right: @num+0upx;}
.tr3dPy(@val1,@val2,@second:0.35s){transform: translate(@val1,@val1); transition: @second; -webkit-transform: translate(@val1,@val2); -moz-transform: translate(@val1,@val2); -ms-transform: translate(@val1,@val2); -o-transform: translate(@val1,@val2); transform: translate(@val1,@val2); -webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.tr3dSc(@num,@second:0.35s){-webkit-transform: scale(@num);-moz-transform: scale(@num);-ms-transform: scale(@num);-o-transform: scale(@num);transform: scale(@num);-webkit-transition: @second;-moz-transition: @second;-ms-transition: @second;-o-transition: @second;transition: @second;}
.tr3dXz(@num,@second:0.35s){-webkit-transform: rotate(@num); -moz-transform: rotate(@num); -ms-transform: rotate(@num); -o-transform: rotate(@num); transform: rotate(@num); -webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.trTime(@second:0.35s){-webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.bg(@num){background: @num}
.textEll{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yc(@num:2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: @num;overflow: hidden;}
.borR(@num:4upx){border-radius: @num+0upx}
.bor(@color){border: 1upx solid @color}
.bor_t(@color:@bor_cor1){border-top: 1upx solid @color}
.bor_b(@color:@bor_cor1){border-bottom: 1upx solid @color}
.ls(@num:-1px){letter-spacing: @num+0px;}
.f100{font-weight: 400;}


@header_height:88upx;
.f_btn {.cor1;.bg(#02a2f0);background-image: radial-gradient( circle at left, rgba(0,255,163,0.6) 0%, rgba(0,155,242,0.8) 90% );flex: 1;box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.45);}
.box_shadow{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);}

.picker__head {
	.wh(100%, 80);
	.f(30);
	.bag1;
	.bor_b;
	.pos;
	bottom: 500upx;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: space-between;

	.opers {
		margin: 0 30upx;

		&.cor {
			.cor10;
		}
	}
}

.picker_boxs {
	.bag1;
	position: fixed;
	left: 0;
	bottom: -580upx;
	.trTime;
	.oh;
	.wh(100%, 580);
	z-index: 100000;

	&.active {
		.trTime;
		bottom: 0;
	}
}

.picker_picker {
	width: 100%;
	height: 500upx;
	.mt(80)
}

.picker_item {
	.tc;
	.f(28);
	.textEll;
	line-height: 44px;
}

.radio_box{
	.f(28);
	.mt(20);
	.mb(30);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	
	label{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		.mr(30);
	}
}

.confirm_cont{
	position: fixed;
	top:35%;
	left:15%;
	.w(70%);
	.bag1;
	.borR(10);
	z-index: 100000;
	
	
	.ccontent{
		padding: 30upx;
	}
	
	.tit{
		.f(30);
		.bor_b;
		.tc;
		padding: 25upx;
	}
	
	.iput{
		.f(28);
		.mb(20);
		padding:8upx 20upx;
		border:1upx solid @bor_cor1;
	}
	
	.confim_btn{
		display: flex;
		align-items: center;
		justify-content: space-between;
		
		.cbtn{
			.f(28);
			.w(40%);
			.lh(66,66);
			.tc;
			background: #f8f8f8;
			.borR(4);
		}
		.cbtn2{
			background: @cor10;
			.cor1;
		}
	}
}